<div class="main gis-person-info">
  <bid-tabs
    query-fn="vm.tabBidItem"
    query-bean="vm.queryData"
    query-type="bid"
    query-param="bidId"></bid-tabs>
  <div class="gis-title">人员定位</div>
  <div id="allmap"></div>

  <!-- <div class="statics-info">
  <div class="statics-header" 
     ng-click = "(vm.showStaticInfoDialog = !vm.showStaticInfoDialog)">统计信息</div>
  <table class="table" ng-show = "vm.showStaticInfoDialog">
    <tbody>
      <tr>
        <th>施工队</th>
        <th>人数</th>
      </tr>
      <tr ng-repeat = "team in vm.staticsInfo">
        <td>{{team.teamName}}</td>
        <td>{{team.personNum}}</td>
      </tr>
      <tfoot>
        <tr>
          <td colspan="2">
            <div>共&nbsp;{{vm.personSum}}&nbsp;人</div>
          </td>
        </tr>
      </tfoot>
    </tbody>
  </table>
</div>
-->
<div class="statics-info" ng-controller="fenceTabCtrl">
  <div class="statics-info-item statics-header shadowbox fence-tab">
    <div class="statics-area-item"
      ng-repeat = "item in fenceAreaData"
      ng-click="toggleFenceTab(item, fenceAreaData)">
      <div class="area-title">
        <i class="icon"
          ng-class="{'icon-danger': item.type == 2,'icon-normal': item.type == 1,'icon-no-work': item.type == 3}"></i>
        <span ng-class="{'area-active': item.active}">{{item.name}}</span>
      </div>
    </div>
  </div>
  <div class="fence-tab-collapse" ng-show="isFenceTabActive">
    <div class="statics-info-item statics-area shadowbox"
      ng-show="shouldShowAreaList">
      <div class="area-item" ng-repeat="item in activeAreaData">
        <a class="personal-btn"
          ng-click="activeFenceAreaBtn(item.id, activeAreaData)"
          ng-class="{'btn-active': item.active}">{{item.name}}</a>
      </div>
    </div>
    <div class="statics-info-item statics-table shadowbox">
      <div ng-show="queryWorkerInfo == []">区域内无工作人员</div>
      <div>
        <table class="table">
          <thead class="statics-table-thead">
            <tr>
              <th>序号</th>
              <th>姓名</th>
              <th>岗位</th>
              <th>施工队</th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="item in queryWorkerInfo track by $index">
              <td>{{$index + 1}}</td>
              <td>{{item.name}}</td>
              <td>{{item.stationCategoryText}}</td>
              <td>{{item.constructionTeamName}}</td>
            </tr>
          </tbody>
        </table>
        <div class="total-num">共计5人</div>
        <!-- 分页 -->
        <div class="pagination-outer pagination-sm">
          <uib-pagination
                total-items="vm.paginationData.total"
                ng-model="vm.paginationData.pageNum"
                items-per-page="vm.paginationData.pageSize"
                ng-change="pageChange()"
                class="pagination-sm"
                boundary-link-numbers="true"
                max-size="5"
                next-text="下一页"
                previous-text="上一页"></uib-pagination>
        </div>
      </div>     
    </div>
  </div>
  
</div>
</div>